$(document).ready(function() {

    /*=================初始化=====================*/
    // 根据商品Id获取商品信息然后渲染到页面上
    var url = window.location.search;
    // 得到字符串==> ?data-getproductid=20&data-categoryId=1

	//截取?之后的字符串
	var str = url.substr(1);　
	//console.log(str);

	//将字符串以符号"&"分隔成两段
	var strs= str.split("&");
	//返回一个数组["data-getproductid=20","data-categoryId=1"]
	//console.log(strs);

	/*
	*取出数组的第1项数据("data-getproductid=20")，利用正则将最后的数字项取出，获取到
	*商品详情页数据
	*/ 
	var prod = strs[0].replace(/[^0-9]/g, "");
    console.log(prod);

    /*
	*取出数组的第2项数据("data-categoryId=1")，利用正则将最后的数字项取出，获取到商品
	*分类页数据
	*/
	var cateId = strs[1].replace(/[^0-9]/g, "");
    console.log(cateId);
	


	// 获取产品详情页数据
    function getProduct(productId) {
        $.ajax({
            url: "http://139.199.157.195:9090/api/getproduct?productid=" + productId + "",
            type: "GET",
            dataType: "json",
            success: function(res) {
                var infoHtml = template("productInfo", res);
                $(".detail").prepend(infoHtml);

                var priceHtml = template("productPrice", res);
                $(".bijia").prepend(priceHtml);
            }
        });
    }

    // 根据商品评论信息渲染至页面上
    function getComment(productId) {
        $.ajax({
            url: "http://139.199.157.195:9090/api/getproductcom?productid=" + productId + "",
            type: "GET",
            dataType: "json",
            success: function(res) {
                var html = template("comment", res);
                $(".comment-list").html(html);
            }
        });
    }

    //函数调用
    getProduct(prod);
    getComment(prod);



    // 点击图片右上方的收藏按钮有弹框出现
    $(".detail").on("click", " .pic a", function() {
        alert("您当前还未登录，是否去登录？");
    });




    /*
    *实现思路：利用url将所需数据从上一级页面传递至本页面内，通过对url操作取得所需要的字
    *符串，传入下面函数内
    */ 
    // 路径导航部分依据提供的数据渲染出来
    // 获取分类产品下的品牌
    function getNavBrand(productId) {
        //console.log(cateId);
        $.ajax({
        	url: "http://139.199.157.195:9090/api/getproduct?productid=" + productId + "",
        	type: "GET",
        	dataType: "json",
        	success: function(res){
                console.log(res.result[0]);
                var str1 = res.result[0].productName;
                str1 = str1.split(" ")[0];
                console.log(str1);
                //var json = $.parseJSON(res);
                //console.log(json);
                $(".breadcrumb>li:nth-child(3)>a").html(str1);
        	} 
        });
    }
    getNavBrand(prod);


    // 获取产品分类
    function getNavCategory(cateId) {
    	$.ajax({
    		url: "http://139.199.157.195:9090/api/getcategorybyid?categoryid=" + cateId + "",
    		type: "GET",
    		dataType: "json",
    		success: function(res) {
    			var str2 = res.result[0].category;
    			$(".breadcrumb>li:nth-child(2)>a").html(str2);
    		}
    	});
    }
	getNavCategory(cateId);

    










});